<!--
 * @Author: your name
 * @Date: 2021-08-04 16:02:38
 * @LastEditTime: 2021-08-04 18:57:44
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \briup\3-html&css\day03\4-select.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>select</title>
</head>
<body>
    <div>
        <form action="" method="GET">
            <!-- size   控件的初始宽度 单位是像素px 但是text和password除外 他俩是字符的数目
         maxlength:可以输入字符数量的最大值 -->
         <!-- multiple:指定控件类型（有multiple则表示列表，没有表示下拉列表）
         size 如果multiple生效 size表示同时展示的行数 -->
             列表：<select name="select" id="select" multiple size="1">
                   <option value="value1">value1</option>
                   <option value="value2">value2</option>
                   <option value="value3">value3</option>
             </select>
             <br/>
             
             下拉列表：<select name="select" id="select" >
                <option disabled  selected value="" >请选择</option>
                <option value="value1">value1</option>
                <option value="value2">value2</option>
                <option value="value3">value3</option>
          </select>
          <br/>
          下拉列表组：<select name="select" id="select" >
              <optgroup label="热带水果">
                <option disabled  selected value="" >请选择</option>
                <option value="banana ">香蕉</option>
                <option value="banana ">香蕉</option>
                <option value="banana ">香蕉</option>
            </optgroup>
                <optgroup label="普通水果">
                <option value="apple">苹果</option>
                <option value="apple">苹果</option>
                <option value="apple">苹果</option>
            </optgroup>
                
              
            
      </select>
      <br/>
          <input type="submit" value="提交">
        </form>
    </div>
</body>
</html>